<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>个人</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/sm.min.css">
<link rel="stylesheet" href="css/sm-extend.min.css">
<link rel="stylesheet" href="font/iconfont.css" />
<link rel="stylesheet" type="text/css" href="css/by_m.css" />
</head>

<body>
<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
<div class="page-group">
<!-- 单个page ,第一个.page默认被展示-->
<div class="page"> 
  <!-- 标题栏 -->
  <header class="bar bar-nav"> <a href="" class="icon iconfont icon-fanhui pull-left"  onclick="window.history.back(-1);"></a> <a href="#" class="icon iconfont icon-more pull-right"></a>
    <h1 class="title">个人</h1>
  </header>
  
  <!-- 工具栏 -->
  <nav class="bar bar-tab"> <a class="tab-item external" href="#"> <span class="icon iconfont icon-index"></span> <span class="tab-label">首页</span> </a> <a class="tab-item external" href="#"> <span class="icon iconfont icon-xuqiu"></span> <span class="tab-label">发需求</span> </a> <a class="tab-item external" href="#"> <span class="icon iconfont icon-news"></span> <span class="tab-label">资讯</span> </a> <a class="tab-item external" href="#"> <span class="icon iconfont icon-kefu"></span> <span class="tab-label">客服</span> </a> <a class="tab-item external" href="#"> <span class="icon iconfont icon-code"></span> <span class="tab-label">求关注</span> </a> </nav>
  
  <!-- 这里是页面内容区 -->
  <div class="content">
    <div class="per-box">
      <div class="share-code"> <span class="iconfont icon-tiaoxingma"></span> U0E5HK </div>
      <div class="share-btns"> <a href="#">关注</a> | <a href="#">私信</a> </div>
      <div class="avatar-box"> <img src="temp/1.jpg">
        <h1>谷科汇<span> (郑州，妮娜西蒙那)</span></h1>
        <p><i>真</i><i>简</i><i>作品</i><i>保</i></p>
      </div>
    </div>
    <div class="buttons-tab red-tab"> <a href="#tab1" class="tab-link button">简单</a> <a href="#tab2" class="tab-link button">作品</a> <a href="#tab3" class="tab-link button">工作照</a> <a href="#tab4" class="tab-link active button">发布</a> </div>
    <div class="tabs">
      <div id="tab1" class="tab">
        <div class="card intro"> 李新刚 祖籍山东 中国传媒大学编导专业。本科 中国电影家协会导演协会会员 北京作家协会会员 影视剧导演！主要电影作品： 琴弦上的爱 你是我的兄弟 这样一位将军 </div>
        <div class="card demand per-con">
          <div class="card-content">
            <div class="per-title">
              <h1>编辑</h1>
            </div>
            <div class="card-content-inner">
              <ul>
                <li><span>从业时间</span>
                  <div>2年</div>
                </li>
                <li><span>影片类型</span>
                  <div>电视剧、电视节目、真人秀节目、纪念片、专题片、网络剧、微电影、MV、企业宣传片</div>
                </li>
                <li><span>工作语言</span>
                  <div>普通话、英语</div>
                </li>
                <li><span>价　　格</span>
                  <div class="red-color">100-1000元/天</div>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="card demand per-con">
          <div class="card-content">
            <div class="per-title">
              <h1>编辑</h1>
            </div>
            <div class="card-content-inner">
              <ul>
                <li><span>从业时间</span>
                  <div>2年</div>
                </li>
                <li><span>影片类型</span>
                  <div>电视剧、电视节目、真人秀节目、纪念片、专题片、网络剧、微电影、MV、企业宣传片</div>
                </li>
                <li><span>工作语言</span>
                  <div>普通话、英语</div>
                </li>
                <li><span>价　　格</span>
                  <div class="red-color">100-1000元/天</div>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="card demand per-con">
          <div class="card-content">
            <div class="per-title">
              <h1>编辑</h1>
            </div>
            <div class="card-content-inner">
              <ul>
                <li><span>从业时间</span>
                  <div>2年</div>
                </li>
                <li><span>影片类型</span>
                  <div>电视剧、电视节目、真人秀节目、纪念片、专题片、网络剧、微电影、MV、企业宣传片</div>
                </li>
                <li><span>工作语言</span>
                  <div>普通话、英语</div>
                </li>
                <li><span>价　　格</span>
                  <div class="red-color">100-1000元/天</div>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div id="tab2" class="tab">
        <div class="card demand per-con">
          <div class="card-content">
            <div class="per-title">
              <h1>《导致人生》</h1>
            </div>
            <div class="card-content-inner">
              <ul>
                <li><span>导　　演</span>
                  <div>谷科汇（2015）</div>
                </li>
                <li><span>作品类型</span>
                  <div>微电影</div>
                </li>
                <li><span>担任职务</span>
                  <div class="director">导演认证<i class="iconfont icon-v"></i></div>
                </li>
                <li><span>视　　频</span>
                  <div class="view"><a href="#" class="red-color">点击查看<img src="images/zhan-btn-close.gif"></a></div>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="card demand per-con">
          <div class="card-content">
            <div class="per-title">
              <h1>《导致人生》</h1>
            </div>
            <div class="card-content-inner">
              <ul>
                <li><span>导　　演</span>
                  <div>谷科汇（2015）</div>
                </li>
                <li><span>作品类型</span>
                  <div>微电影</div>
                </li>
                <li><span>担任职务</span>
                  <div class="director">导演认证<i class="iconfont icon-v"></i></div>
                </li>
                <li><span>视　　频</span>
                  <div class="view"><a href="#" class="red-color">点击查看<img src="images/zhan-btn-close.gif"></a></div>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div id="tab3" class="tab">
        <div class="card demand per-con">
          <div class="card-content">
            <div class="per-title">
              <h1>工作照片</h1>
            </div>
            <div class="card-content-inner">
              <div class="row per-pic"> <a href="#" class="col-33"><img src="temp/per1.jpg"></a> <a href="#" class="col-33"><img src="temp/per2.jpg"></a> <a href="#" class="col-33"><img src="temp/per3.jpg"></a> <a href="#" class="col-33"><img src="temp/per4.jpg"></a> <a href="#" class="col-33"><img src="temp/per5.jpg"></a> <a href="#" class="col-33"><img src="temp/per6.jpg"></a> </div>
            </div>
          </div>
        </div>
        <div class="card demand per-con">
          <div class="card-content">
            <div class="per-title">
              <h1>工作视频</h1>
            </div>
            <div class="card-content-inner">
              <div class="row per-pic"> <a href="#" class="col-33"><span></span><img src="temp/per1.jpg"></a> <a href="#" class="col-33"><span></span><img src="temp/per2.jpg"></a> <a href="#" class="col-33"><span></span><img src="temp/per3.jpg"></a> <a href="#" class="col-33"><span></span><img src="temp/per4.jpg"></a> <a href="#" class="col-33"><span></span><img src="temp/per5.jpg"></a> <a href="#" class="col-33"><span></span><img src="temp/per6.jpg"></a> </div>
            </div>
          </div>
        </div>
      </div>
      <div id="tab4" class="tab active">
        <div class="card demand per-con">
          <div class="card-content">
            <div class="per-title">
              <h1>找混音师</h1>
              <span><i class="iconfont icon-time"></i>11月20日</span> </div>
            <div class="card-content-inner">
              <ul>
                <li><span>从业时间</span>
                  <div>2年</div>
                </li>
                <li><span>影片类型</span>
                  <div>企业宣传片</div>
                </li>
                <li><span>工作语言</span>
                  <div>普通话、英语</div>
                </li>
                <li><span>价　　格</span>
                  <div class="red-color">100-1000元/天</div>
                </li>
                <li class="text">目前我们公司缺少一名牛逼的编导，并不是只聘用一天两天，而是正式入职，底薪6000加提成，工作地点在福田景田南路附近。主要负责企业宣传片、微电</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script type='text/javascript' src='js/zepto.min.js' charset='utf-8'></script> 
<script src="js/config.js" type="text/javascript" charset="utf-8"></script> 
<script type='text/javascript' src='js/sm.min.js' charset='utf-8'></script> 
<script type='text/javascript' src='js/sm-extend.min.js' charset='utf-8'></script>
</body>
</html>